/*一个设置模糊背景的方法*/
#bg{
    background: url("https://cn.bing.com/th?id=OHR.CorfeDorset_ZH-CN8002715956_UHD.jpg&rf=LaDigue_UHD.jpg&pid=hp&w=1920&h=1080&rs=1&c=4") no-repeat;
    background-size: cover;
    z-index: -1;
    -webkit-filter:blur(5px);
    filter: blur(px);
    width: 100%;
    height: 100%;
    position:absolute;
    left: 0;
    top: 0;
}

.main{
    /*一个垂直居中的方式*/
    position: absolute;
    left:0;
    right:0;
    top: 25%;
}

.import-login .form-div{
    width: 100%;
    height: 400px;
    background-color: rgba(0,0,0,0.4);
    border-radius: 15px;
    vertical-align: center;
}

#choose-login-type .import-login-tips{
    color: white;
}

/*登录按钮和导入课表按钮*/
.login-button{
    width: 80%;
    height: 50px;
    margin: 5px;
}

/*登录按钮中的图片*/
.login-button-div .login-type-logo{
    width: 35px;
    height: 35px;
}

/*登录框边距*/
.import-login-form{
    padding: 20px;
}

/*登录框顶部文字*/
.import-login-form .login-top{
    color: #e4e0e0;
    font-weight: bold;
    font-size: 20px;
}

/*整个输入框组*/
.import-login-form .import-form-group{
    height: 40px;
    line-height: 40px;
    margin-bottom: 40px;
}

/*用户名 密码的文字*/
.import-login-form .import-info-input-text{
    font: 18px Times New Roman;
    color: white;
    text-align: left
}

/*输入框*/
.import-login-form .import-form-group .input-view{
    width: 100%;
    height: 40px;
    border: 1px solid #ccc;
}

/*让登录按钮底部对齐*/
.import-login-form .import-form-button-div{
    position: absolute;
    bottom: 20px;
    left:40px;
    right: 40px;
}

/*控制按钮大小*/
.import-login-form .import-form-button-div .import-button{
    width: 100%;
    height: 50px;
}

.foot{
    background-color: rgba(255,255,255,0.75);
}